@font-face {
	font-family: "CoertSchrift_Dik";
	src: url("../fonts/CoertSchrift_Dik.ttf");
}

@font-face {
	font-family: "CoertSchrift_Romaans";
	src: url("../fonts/CoertSchrift_Romaans.ttf");
}

body{
background-image:url("../images/background.png");
font-family: "CoertSchrift_Romaans", Tahoma;
font-size: 14px;
}


#title{
font-family: "CoertSchrift_Dik", Tahoma;
color: #000000;
text-align:center;
font-size: 3em;

  text-shadow: 0 1px 0 #ccc, 
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
}

#game{
-moz-border-radius : 10px 10px;
border-radius : 10px 10px;
background-image:url("../images/background-2.png"); 
width: 650px;
min-height: 500px;
margin: auto;
}



#blabla{
    position: absolute;
    top: 110px;
    left: 550px;
}

#gamecontent{
margin: auto;
}

#ui{
text-align:center;
font-size: 20px;
}

#footer{
text-align:center;
padding-bottom: 10px;
}

#rules{
visibility: hidden;
display: none;
margin: auto;
margin-top: 10px;

width: 600px;
}

#gamegrids{
margin: auto;
margin-top: 10px;
text-align:center;
width: 320px;
line-height: 20px;
-moz-user-select:none;
-webkit-user-select:none;

}

#stockgrid{
-moz-border-radius : 10px;
border-radius : 10px;
background-image:url("../images/background.png"); 
float:left;
text-align:center;
padding-top:10px;
width: 70px;
height: 245px;
line-height: 20px;
vertical-align: middle;
display: inline;
margin-right: 10px;
}


#playgrid{
padding-top:10px;
height: 245px;
}


a {
text-decoration: none;
color:#2D2661;
}

a:visited {
text-decoration: none;
color:#2D2661;
}
a:hover {
text-decoration: none;
color:#2D2661;
}
a:active {
text-decoration: none;
color:#2D2661;
}

input {
-moz-border-radius : 10px 10px;
border-radius : 10px 10px;
border-color : black;
color: black;
background-image:url("../images/background-2.png");
font-family: "CoertSchrift_Dik", Tahoma;
font-size: 15px;
}

.dice {
border : solid transparent 2px;
}

h1 {
  text-shadow: 0 1px 0 #ccc, 
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
}
